<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>源码大数据-API详情页</title>

    <!-- 引入样式表: 注意引入顺序  样式重置表   公用样式 第三方样式表 当前页面样式表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/case.css">
</head>

<body>
    <!-- 1.头部 -->
    <header class="abs">
        <!-- logo -->
        <img src="./imgs/new-logo-white.png" alt="源码数据" class="logo fl mt20 ml30">
        <!-- 导航 -->
        <ul class="nav abs font14">
            <li><a href="#">首页</a></li>
            <li><a href="#">API</a></li>
            <li><a href="#">云服务</a></li>
            <li class="active"><a href="#">案例</a></li>
            <li><a href="#">开发者</a></li>
        </ul>
        <!-- 登录和注册 -->
        <div class="right-box fr mt20 mr30 font12">
            <a href="#" class="login-btn">登录</a><a href="#" class="register">注册有礼</a>
        </div>
    </header>

    <!-- 2.banner -->
    <div class="banner">
        <div id="mydiv" style="height:350px;"></div>
        <div class="banner-title abs ">
            <p class="font38 mb15">助力行业巨头、独角兽企业</p>
            <p class="mb15 font14">已服务10万+企业客户</p>
            <p class="font16">-精选案例-</p>
        </div>
    </div>

    <!-- 3.主要内容 -->
    <div class="container" id="case-content"></div>
    <ul class="fix">
        <li>金融案例</li>
        <li>企业案例</li>
        <li>政务案例</li>
        <li>更多伙伴</li>
    </ul>
    <!-- 4. 更多伙伴-->
    <div class="container" id="parter">
        <div class="items">
            <!-- 标题 -->
            <div class="items-title clearfix rel font12">
                <h2 class="fl font16"> 更多伙伴</h2>
                <span class="fl c6"> /More Partners</span>
            </div>
        </div>
        <ul class="clearfix mt10">
        <li><img src="./imgs/more-partners-item01.svg"></li>
        <li><img src="./imgs/more-partners-item02.svg"></li>
        <li><img src="./imgs/more-partners-item03.svg"></li>
        <li><img src="./imgs/more-partners-item04.svg"></li>
        <li><img src="./imgs/more-partners-item05.svg"></li>
        <li><img src="./imgs/more-partners-item06.svg"></li>
        <li><img src="./imgs/more-partners-item07.svg"></li>
        <li><img src="./imgs/more-partners-item08.svg"></li>
        <li><img src="./imgs/more-partners-item09.svg"></li>
        </ul>

    </div>
    <!-- 5.页脚 -->
    <footer class="clearfix">
        <div class="container">
            <!-- 左边列表 -->
            <ul class=" font12 lh28 cb3 fl">
                <li class="fl">
                    <ul>
                        <li class="one">联系与支持</li>
                        <li>400-882-7715</li>
                        <li> 售前咨询</li>
                        <li>客服&售后</li>
                        <li>常见问题</li>
                        <li>极速工单</li>
                        <li>投诉与建议</li>
                    </ul>
                </li>
                <li class="fl">
                    <ul>
                        <li class="one">关于源码</li>
                        <li>合作伙伴</li>
                        <li>服务条款</li>
                        <li>隐私政策</li>
                        <li>市场合作</li>
                        <li>反商业贿赂声明</li>
                    </ul>
                </li>
                <li class="fl">
                    <ul>
                        <li class="one">快速入口</li>
                        <li> API数据</li>
                        <li>黑钻会员</li>
                        <li>新闻动态</li>
                        <li>联系我们</li>
                        <li>加入我们</li>
                    </ul>
                </li>
                <li class="fl">
                    <ul>
                        <li class="one">产品服务</li>
                        <li>云监测</li>
                        <li>云查询</li>
                        <li>云助手</li>
                        <li>聚盒子</li>
                        <li>云充值</li>
                    </ul>
                </li>
                <li class="fl">
                    <ul>
                        <li class="one">解决方案</li>
                        <li>数字中台</li>
                        <li>慧集:</li>
                        <li>API生命周期管理</li>
                        <li>有赢:</li>
                        <li>助力企业营销</li>
                    </ul>
                </li>

            </ul>
            <!-- 右边部分 -->
            <div class="qr-code fr ">
                <p class="font15 ml32 mb12">微信公众号</p>
                <p class="font12 cb3 ml60 mb30">源码时代</p>
                <img src="./imgs/wechat-white.png">
            </div>
            <!-- 底部 -->
            <div class="clearfix foot font13">
                <div class="fl"><img src="./imgs/bei2.png"><img src="./imgs/bei1.png"
                        class="picture2">增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3&emsp;营业执照
                </div>
                <div class="fr">源码大数据股份有限公司©版权所有
                </div>
            </div>
        </div>
    </footer>
    <!-- 6.返回顶部 -->
    <div id="returnTop" class="cff tcenter fwb font20">^</div>
    <!-- 引入jquery库 -->
    <script src="./js/jquery-1.11.3/jquery.min.js"></script>

    <!-- 引入粒子效果库 -->
    <script src="./js/canvas-particle.js"></script>
    <!-- 引入辅助工具 -->
    <script src="./lib/swiper/utils.js"></script>
    <!-- 配置插件 -->
    <script src="./js/case.js"></script>
    <script src="./js/commom.js"></script>


</body>

</html>